<template>
  <view class="addTeam">
    <!-- 正常入团 -->
    <view class="addItemActive" v-for="(item, index) in fillLists" :key="index"
     @click="navTo('team/nearTeamDetail?name='+item.name+'&id='+item.id)">
      <view class="space-between title">
        <text>{{item.name}}</text>
      </view>
     <view class="images">
        <view class="image_list">
          <image  mode="" v-for="items in item.driver_avatar" :src="items.avatar"></image>
          <text>{{item.driver_count}}人</text>
        </view>
        <uni-icons type="forward" size="20"></uni-icons>
      </view>
      <!-- 新团特惠 -->
      <view class="new_list"
        style="background: linear-gradient(270deg, rgba(252, 239, 241, 0.42) 0%, rgba(255, 186, 186, 0.36) 100%)" 
        v-if="item.new_price&&item.new_price.day">
        <view class="image_top">
          <image src="../../static/team/xt.png" mode=""></image>
          <view>
            新团特惠剩余
            <text>{{item.new_price.day}}</text>
            天
          </view>
        </view>
        <view class="text_list">
          <view class="">
            钱包支付
            <text style="color: #FF3D3D;">{{item.new_price.money}}</text>
            <text>元/公斤</text>
          </view>
          <view class="">
            微信支付
            <text style="color: #FF3D3D;">{{item.new_price.wechat}}</text>
            <text>元/公斤</text>
          </view>
        </view>
      </view>
      <!-- 专享价 -->
      <view class="new_list"
        style="background: linear-gradient(270deg, rgba(27,145,255,0) 0%, rgba(31,152,255,0) 23%, rgba(58,196,255,0.05) 100%);" v-if="item.level_price">
        <view class="image_top" style="width: 100rpx;">
          <image src="../../static/team/zx.png" mode="" style="width: 100rpx;"></image>
          <view style="width: 80rpx;margin-top: 2rpx;">专享价</view>
          <image :src="item.level_price.image"  mode="widthFix"></image>
        </view>
        <view class="text_list">
          <view class="">
            钱包支付
            <text style="color: #1B91FF ;">{{item.level_price.money}}</text>
            <text>元/公斤</text>
          </view>
          <view class="">
            微信支付
            <text style="color: #1B91FF ;">{{item.level_price.wechat}}</text>
            <text>元/公斤</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
  import { Ref, ref } from 'vue';
  import { showToast, successToast, showLoading } from '@/utils/prompt';
  import { getDriverID } from '@/stores/driverID';
  import { useUserStore } from '@/stores/user';
  import { navTo } from '@/utils/navigator';
  const driver_id = getDriverID();
  const userInfo = useUserStore();
  const props = defineProps({
    fillLists: {
      type:Array,
      default: [],
    },
  });
</script>

<style scoped lang="less">
  @import url('../team/less/groupList.less');
</style>